const components = {
  Dropdown: {
    colorBgElevated: "rgba(33, 75, 122, 0.9)",
  },
  Modal: {
    titleColor: 'rgba(212, 235, 255, 1)',
    contentBg: 'rgba(33, 75, 122, 0.9)',
    footerBg: 'transparent',
    headerBg: 'transparent',
    colorIcon: 'rgba(255, 255, 255, 0.8)',
    colorIconHover: 'rgba(255, 255, 255, 1)',
  },
  Menu: {
    itemHoverColor:'rgb(204, 225, 242)',
    itemColor: '#000',
    // popupBg:"#f00",
    algorithm: true, // 启用算法
  },
  Table: {
    colorTextHeading: 'rgba(212, 235, 255, 1)',
    borderColor: 'rgba(31, 108, 149, 0.3)',
    headerBg: 'rgba(250, 250, 250, 0.01)',
    colorBgContainer: 'rgba(255, 255, 255, 0)',
    colorText: 'rgb(255, 255, 255)',
    headerSplitColor:'rgba(240, 240, 240, 0)',
    rowSelectedBg: 'rgba(255,255,255, 0)',
    rowSelectedHoverBg: 'rgba(255,255,255, 0.1)'
  },
  Tree: {
    titleHeight: 32,
    colorBgContainer: 'rgba(255, 255, 255, 0)',
    colorText: 'rgb(255, 255, 255)',
    nodeSelectedBg: 'rgba(18, 71, 131, .79)',
    controlItemBgHover: 'rgba(18, 71, 131, 0.59)',
    directoryNodeSelectedColor: '#333',
    algorithm: true, // 启用算法
  },
  Input: {
    colorTextQuaternary: '#ffffff',
    colorTextTertiary: '#ffffff',
    colorTextPlaceholder: 'rgba(255, 255, 255, 0.8)',
    colorBgContainer: 'rgba(255, 255, 255, 0)',
    colorText: 'rgb(255, 255, 255)',
    colorBorder: 'rgba(1, 115, 165, 1)',
    activeBorderColor: 'rgba(1, 115, 165, 1)',
    hoverBorderColor: 'rgba(1, 115, 165, 1)',
    controlOutline: 'transparent',
    algorithm: true, // 启用算法
  },
  InputNumber: {
    colorTextQuaternary: '#ffffff',
    colorTextTertiary: '#ffffff',
    colorTextPlaceholder: 'rgba(255, 255, 255, 0.8)',
    colorBgContainer: 'rgba(255, 255, 255, 0)',
    colorText: 'rgb(255, 255, 255)',
    colorBorder: 'rgba(1, 115, 165, 1)',
    activeBorderColor: 'rgba(1, 115, 165, 1)',
    hoverBorderColor: 'rgba(1, 115, 165, 1)',
    controlOutline: 'transparent',
    algorithm: true, // 启用算法
  },
  Select: {
    clearBg: "transparent",
    colorText: 'rgb(255, 255, 255)',
    colorTextPlaceholder: 'rgba(255, 255, 255, 0.8)',
    colorTextDisabled: 'rgba(255,255,255, 0.7)',
    colorTextQuaternary: '#ffffff',
    colorBgElevated: 'rgba(36, 66, 137, 0.89)',
    optionSelectedBg: 'rgba(9, 215, 244,0.5)',
    colorBorder: 'rgba(1, 115, 165, 1)',
    colorPrimaryHover: 'rgba(1, 115, 165, 1)',
    colorBgContainer: 'rgba(255, 255, 255, 0)',
    controlOutline: 'transparent'
  },
  Collapse: {
    contentBg: 'rgba(255, 255, 255, 0)',
    colorText: 'rgba(134, 191, 240, 1)',
    colorTextHeading: 'rgba(134, 191, 240, 1)',
    headerPadding: '14px',
  },
  Empty: {
    opacityImage: 0.5,
    colorText: 'rgba(255,255,255,0.8)'
  },
  Form: {
    labelColor: "#ffffff"
  },
  Button: {
    defaultBg: 'rgba(255,255,255, 0.1)',
    colorText: '#ffffff',
    colorPrimary: 'rgba(0, 186, 255, 1)'
  },
  Pagination: {
    colorBgContainer: "transparent",
    colorBgContainerDisabled: "transparent",
    colorBgTextActive: "transparent",
    colorBgTextHover: "transparent",
    colorPrimary: "#ffffff",
    colorText: "#ffffff",
    colorTextDisabled: "rgba(255, 255, 255, 0.5)",
    colorBorder: "transparent"
  },
  List: {
    colorText: '#ffffff',
    colorBorder: "rgba(255,255,255,0.5)",
    colorPrimary: "rgba(0, 186, 255, 1)",
  },
  Popconfirm: {
    colorWarning: "rgb(255, 255, 255)",
    colorText: "rgb(255, 255, 255)",
    colorTextHeading: "rgb(255, 255, 255)",
  }
}

const token = {
  colorBgElevated: 'rgba(36, 66, 137, 0.89)',
}

export default {
  components,
  token,
}

// export const theme = {
//   Table: {
//     colorBgContainer: 'rgba(0,0,0,0.5)',
//     colorText: '#fff',
//     colorBorder: 'rgba(0,0,0,0)',
//     colorPrimary: '#f00',
//     algorithm: true, // 启用算法
//   },
//   Tree: {
//     colorBgContainer: 'rgba(0,0,0,0)',
//     colorText: '#fff',
//   },
//   Input: {
//     colorPrimary: '#eb2f96',
//     algorithm: true, // 启用算法
//   },
// }
